// base color
$primary: #2A70F2;
$success: #14BD54;
$warning: #E6A23C;
$danger: #EC4040;
$info: #909399;
$primaryFont: #303133;
$lightFont: #606266;
$subFont: #c0c4cc;
$occupyFont: #c0c4cc;
$waiting: #F59A23;

$bgc: #ededed;
$navBgc: #ffb72f; 		//顶部导航背景色
$btnBgc: #ffb72f; 		//按钮背景色
$btnFon: #fff; 			//按钮字体色
$overBgc: #fcf6eb; 		//移上背景色
$navHover: #6394ff;
$barBgc: #fff;
$barSubBgc: #f2f6ff;
$barHover: #6f63dd;
$barActive: #fff;
//$barActiveBgc: #4d82f3;
$barActiveBgc: #2A70F2;
$primaryOpacity30: rgba(77, 130, 243, 0.3);

$dark-font-color:#606266;
$light-font-color:#909399;



// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export{
  primary:$primary;
  success:$success;
  warning:$warning;
  danger:$danger;
  info:$info;
  primaryFont:$primaryFont;
  lightFont: $lightFont;
  subFont: $subFont;
  occupyFont: $occupyFont;
  waiting:$waiting;
  btnBgc:$btnBgc;
  btnFon:$btnFon;
  overBgc:$overBgc
}
